$(function () {
    getUserInfo()

    let layer = layui.layer

    $('#btnLogout').on('click', function () {
        layer.confirm('确定退出登录?', {
            icon: 3,
            title: '提示'
        }, function (index) {
            //删除本地token
            sessionStorage.removeItem('token')
            //页面跳转到登陆页面
            location.href = '/login.html'
            //关闭当前页面
            layer.close(index);
        });
    })
})
//获取用户的基本信息
function getUserInfo() {
    $.ajax({
        method: 'get',
        url: '/my/userinfo',
        //请求头配置文件
        // headers: {
        //     Authorization: sessionStorage.getItem('token') || ''
        // },
        success: res => {
            console.log(res);
            if (res.status !== 0) return
            renderInfo(res.data)
        }
        // ,
        // complete: xhr => {
        //     //统一判断返回的响应报文中是否告知没有登录!
        //     if (xhr.responseJSON.status === 1) {
        //         layer.alert('未登录!滚出去!', function (index) {
        //             //如果没有登录,则跳转到login.html页面!
        //             location.replace('/login.html')
        //             // 删除本地浏览器保存的token(失效或者伪造的token)
        //             sessionStorage.removeItem('token')
        //             // 关闭当前确认框
        //             layer.close(index)
        //         })
        //     }
        // }
    })
}
//渲染头像区域
function renderInfo(userInfo) {
    //获取显示的名称
    const userName = userInfo.nickname || userInfo.username
    //显示名称
    $('#welcome').text('欢迎: ' + userName)
    //渲染图片头像
    if (userInfo.user_pic) {
        //设置并显示图片头像
        $('.layui-nav-img').attr('src', userInfo.user_pic).show()
        //隐藏文字头像
        $('.text-avatar').hide()
    } else {
        //渲染文字头像
        //设置并显示文字头像
        $('.layui-nav-img').hide()
        //隐藏图片头像 
        $('.text-avatar').text(userName[0].toUpperCase()).css('display', 'inline-block')
    }
}